*{
  margin: 0;
  padding: 0;
}
html, body,#app,.app-box{
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
  }
  .app-box[color-mode='light']{ 
    --text:#3f4659;
    --totalbackc:#f7f8fc;
    --asidebakcc:#f7f7f7;
    --asidetext:#303030;
    --aside-menu-back:#ffffff;
    --aside-serve-text:#9d9d9d;
    --van-search-bc:#7474a2;
    --search-text:#c2bee0;
    --header-back:#f5e5f2;
    --header-icon-color:#00000d;
  }
  .app-box[color-mode='dark']{
    --text:#e7e7e8;
    --totalbackc:#1b1b25; 
    --asidebakcc:#151515;
    --asidetext:#e6e6e6;
    --aside-menu-back:#212121;
    --aside-serve-text:#5d5d5d;
    --van-search-bc:#5e4bbd;
    --search-text:#7f7897;
    --header-back:#2d1a2e;
    --header-icon-color:#eee4ef;
  }
  :root {
    --van-search-content-background: var(--van-search-bc);
    --van-grid-item-content-background:var(--totalbackc);
    --van-search-label-color: var(--search-text);
  }
.app-box{
  background-color: var(--totalbackc);
  transition: 0.2s;
}